<!DOCTYPE html>
<html>
<header>
	<title>国翰 | 光伏</title>
	<link rel="shortcut icon" href="favicon.ico">
	<meta charset="utf-8">
	
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/common.css" rel="stylesheet">
	<link href="css/solar.css" rel="stylesheet">
	
</header>

<body>
	<header id="the_header">
		<div class="wrap">
			<a href="home.html" title="首页" id="logo"><img
				src="img/gh_logo.png" alt="SolarCity"></a>
			<ul class="menu">
				<li class="first expanded"><a href="tesla.html">充电桩</a></li>
				<li class="expanded"><a href="solar.html">分布式发电</a></li>
				<!-- <li class="leaf"><a href="/invest">储能</a></li>  -->
				<li class="expanded"><a href="contact.html">联系我们</a></li>
			</ul>
			<div class="clear"></div>
		</div>
	</header>

	<div id="the_content" class="container">
		<div id="gh_slides" style="padding-top: 80px;">
			<div class="gh-slide-front">
				<h2>更便宜的能源,而且成本更低。</h2>
			</div>
			<div class="gh-slide show" slide-id="1" style="display: none;">
				<div class="ap-content show" show-delay="1300"
					style="display: block;"></div>
			</div>
			<div id="slide_dummy">
				<img alt="front" src="img/guangfujianjie.jpg" />
			</div>
		</div>

		<div id="gh_desc">
			<div id="field-items">
				<div class="field-item even">
					<div class="field-item even">
						<div id="hpContent"></div>
						<h2>在国翰，我们相信以更好的方式为家庭和企业以较低的成本，同时促进更清洁的地球提供动力。</h2>
						<p>产生的，而不是支付电费的传统你自己的清洁能源。太阳能发电实际上可以花费更少的比你低，锁定的利率现付。节省最多可以添加到几千！有没有前期成本，你只需要一个良好的屋顶，因为太阳能电池板安装包括在不增加成本。</p>
					</div>
				</div>

				<div class="field-item odd">
					<div id="quote_wrap" class="row">
						<div class="col-md-3">
							<div class="quote-block quote-1">
								<div class="quote-slide">"你能帮助环境和节约资金"</div>
							</div>
						</div>

						<div class="col-md-3">
							<div class="quote-block quote-2">
								<div class="quote-slide">"我们与国翰能源公司和的经历比我们预期的要好"</div>
							</div>
						</div>

						<div class="col-md-3">
							<div class="quote-block quote-3">
								<div class="quote-slide">
									"我们不仅为环境保护作出贡献, 还能节省电费"
								</div>
							</div>
						</div>

						<div class="col-md-3">
							<div class="quote-block quote-4">
								<div class="quote-slide">"在国翰能源的帮助下，我们可以了解到我们家未来二十年的能源需求"
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="field-item even">
					<div class="content-block-title wrap">
						<h2>为什么选择国翰?</h2>
					</div>

					<div
						class="field field-name-field-two-column field-type-field-collection field-label-hidden">
						<div class="field-items">
							<div class="field-item even">
								<div
									class="entity entity-field-collection-item field-collection-item-field-two-column desktop-mobile clearfix"
									id="none" style="">
									<div
										class="field field-name-field-two-column-copy field-type-text-long field-label-hidden">
										<div class="field-items">
											<div class="field-item odd">
												<p>
													<strong>我们让一切变得简单</strong>.
												</p>
												<p>
													您的体验是我们的最高目标。一开始是您联系我们，接下来我们将接管一切。一旦计划完成，您的太阳能发电系统将在一天内得到安装。
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 
				<div class="field-item odd">
					<div class="content-block-title wrap">
						<h2>全方位提供太阳能发电系统</h2>
						<div>
							<p></p>
						</div>
					</div>
				</div>
 -->
				<div class="field-item even">
					<div class="content-block-title wrap">
						<h2>分布式家庭太阳能供电系统</h2>
					</div>
					<div id="gallery" class="carousel slide" data-ride="carousel">

						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="img/ssr-gallery-01.jpg" alt="太阳能分布式发电"
									data-holder-rendered="true">
								<div class="carousel-caption">...</div>
							</div>
							<div class="item">
								<img src="img/ssr-gallery-02.jpg" alt="太阳能分布式发电"
									data-holder-rendered="true">
								<div class="carousel-caption">...</div>
							</div>
							<div class="item">
								<img src="img/ssr-gallery-03.jpg" alt="太阳能分布式发电" data-slide="3">
								<div class="carousel-caption">...</div>
							</div>
							<div class="item">
								<img src="img/ssr-gallery-04.jpg" alt="太阳能分布式发电" data-slide="4">
								<div class="carousel-caption">...</div>
							</div>
							<div class="item">
								<img src="img/ssr-gallery-05.jpg" alt="太阳能分布式发电" data-slide="5">
								<div class="carousel-caption">...</div>
							</div>
							<div class="item">
								<img src="img/ssr-gallery-06.jpg" alt="太阳能分布式发电" data-slide="6">
								<div class="carousel-caption">...</div>
							</div>
						</div>

						<!-- Controls -->
						<a class="left carousel-control" href="#gallery" role="button"
							data-slide="prev"> <span
							class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a> <a class="right carousel-control" href="#gallery" role="button"
							data-slide="next"> <span
							class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div>

					<div id="gallery_thumb">
						<div class="row">
							<div class="col-md-2">
								<img src="img/ssr-gallery-01.jpg" alt="太阳能分布式发电" title=""
									data_count="0">
							</div>
							<div class="col-md-2" data-extra='1'>
								<img src="img/ssr-gallery-02.jpg" alt="太阳能分布式发电" title=""
									data_count="1">
							</div>
							<div class="col-md-2" data-extra='2'>
								<img src="img/ssr-gallery-03.jpg" alt="太阳能分布式发电" title=""
									data_count="2">
							</div>
							<div class="col-md-2" data-extra='3'>
								<img src="img/ssr-gallery-04.jpg" alt="太阳能分布式发电MD" title=""
									data_count="3">
							</div>
							<div class="col-md-2" data-extra='4'>
								<img src="img/ssr-gallery-05.jpg" alt="太阳能分布式发电" title=""
									data_count="4">
							</div>
							<div class="col-md-2" data-extra='5'>
								<img src="img/ssr-gallery-06.jpg" alt="太阳能分布式发电" title=""
									data_count="5">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<footer class="container">
		<div id="the_footer">
			<span>Copyright © 2015 国翰能源 Inc. 渝ICP备xxxxxx号</span>
		</div>
	</footer>

	<script src="js/jquery-1.11.1.min.js"></script>
	<script	src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document)
				.ready(
						function() {
							var hw = window.innerHeight;
							var hd = document.body.scrollHeight;
							if (hd <= hw) {
								var footer = $('#the_footer');
								var offset = footer.offset();
								var h = footer.outerHeight();
								footer.css('margin-top', hw - offset.top - h);
							}

							$('#gallery').carousel({
								interval : 6000
							});

							$('#gallery_thumb .row div[class^="col-"] img')
									.on(
											'click',
											function(e) {
												$('#gallery')
														.carousel(
																parseInt(this.attributes.data_count.value));
											});

							$('.quote-block').hover(function() {
								$(this).find('.quote-slide').animate({top: '0px'});
							}, function() {
								$(this).find('.quote-slide').animate({top: $(this).height()+'px'});
							});
						});
	</script>
</body>

</html>